<template>
  <div>
    <el-breadcrumb separator="/" style="padding-left:10px;padding-bottom:10px;font-size:12px;">
      <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>欢迎</el-breadcrumb-item>
    </el-breadcrumb>
    <div style="text-align: center; width:1500px;line-height:180px; ">
      <img src="../assets/img/logo3.png" style="display : inline-block; vertical-align: middle;"/>
    </div>
    
    <el-card style="text-align: center; ">
       <el-button type="success" icon @click="helloPage">hello</el-button>
    </el-card> 
    
  </div>
</template>
<script>

import { hello } from "@/api/system/hello";

export default {
  props: {},
  name: "Welcome",
  data() {
    return {
      addOrUpdateVisible: false,
    };
  },
  components: {
    // FileAdd,
  },
  methods: {
    async helloPage() {
      const res  = await hello();
      console.log(res)
      if (res.code === 200) {
        this.$message.success(res.data.str);
      } else {
        this.$message.error(res.message);
      }
    },
    
  },
};
</script>